{<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <style>
        body{
    background-image:  url(QQ图片20170628160756.jpg);
}
input{
    width: 450px;
    height: 41px;
}
button{width: 45px;
    height: 45px;
background-image: url(素材3.png);
}
p{
    disply: flex;
    align-items:  center;
    position: absolute;
    top: 120px;
    left: 170px;
}
</style>
</head>
<body>
<p>
    <img src="素材1.png" alt="">
    <input type="text">
    <button></button>
</p>

</body>
</html>